<template>
	<view class="content">
		<view class="message">
			<view class="row1">
				<view class="left">
					<span>标题</span>
					<view>通知内容</view>
				</view>
				<view class="right">
					<span>今天11:33</span>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.content{
		width: 100%;
		min-height: 100vh;
		padding: 1px 0;
		background-color: #F3F7F8;
		
		.message{
			width: 622rpx;
			margin: 32rpx;
			padding: 32rpx;
			border-radius: 16rpx;
			background-color: #FFFFFF;
			
			.row1{
				display: flex;
				justify-content: space-between;
				
				.left{
					
					>span{
						font-size: 28rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 500;
						color: #001A18;
					}
					>view{
						margin-top: 10rpx;
						font-size: 24rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: rgba(0,26,24,0.5);
					}
				}
				
				.right{
					>span{
						font-size: 20rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #99A3A3;
					}
				}
			}
		}
		
		
	}
</style>
